import {useRef} from 'react'; // 导入useRef钩子
import {View, Button, TextInput} from 'react-native';

export default function App() {
  // 创建ref，指定泛型参数为TextInput类型
  // null是初始值，表示ref.current最初为null
  const ref = useRef<TextInput>(null);

  return (
    <View>
      {/* 将ref附加到TextInput元素，这样就可以通过ref访问这个元素 */}
      <TextInput ref={ref}>123</TextInput>
      <Button
        title="点击"
        onPress={() => {
          // 通过ref.current访问TextInput的方法
          // ?. 是可选链操作符，确保ref.current存在时才调用focus方法
          ref.current?.focus(); // 使输入框获得焦点
        }}
      />
    </View>
  );
}
